<template>
    <div>
        <main-header></main-header>
        <main-todo></main-todo>
        <main-footer></main-footer>
    </div>
</template>

<script>
    import './assets/styles/global.styl'
    import MainHeader from './components/MainHeader.vue'
    import MainTodo from './components/MainTodo/MainTodo.vue'
    import MainFooter from './components/MainFooter.vue'
    // import './assets/styles/test.css'
    export default {
        name: 'App',
        components: {
            MainHeader,MainTodo,MainFooter
        }
    }
</script>

<style lang="stylus" scope>
li:nth-of-type(odd)
    color: green
</style>
